<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>确认订单</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <script src="js/rem.js"></script>
    <script src="js/jquery.min.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="css/base.css"/>
    <link rel="stylesheet" type="text/css" href="css/page.css"/>
    <link rel="stylesheet" type="text/css" href="css/all.css"/>
    <link rel="stylesheet" type="text/css" href="css/mui.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/loaders.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/loading.css"/>
    <script type="text/javascript">
        $(window).load(function () {
            $(".loading").addClass("loader-chanage")
            $(".loading").fadeOut(300)
        })
    </script>
</head>
<!--loading页开始-->
<div class="loading">
    <div class="loader">
        <div class="loader-inner pacman">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
</div>
<!--loading页结束-->
<body>
<header class="mui-bar mui-bar-nav report-header box-s" id="header">
    <a href="javascript:history.go(-1)"><i class="iconfont icon-fanhui fl"></i></a>
    <p>确认订单</p>
</header>
<div id="main" class="mui-clearfix">
    <div class="plist confirm clearfloat">
        <ul>
            <li class="clearfloat">
                <a href="choice-address.html">
                    <i class="iconfont icon-dizhi icon-dizhitwo fl"></i>
                    <p class="fl">填写收货地址</p>
                    <i class="iconfont icon-qianjin fr"></i>
                </a>
            </li>
        </ul>
    </div>

    <div class="order-list order-listtwo clearfloat">
        <div class="list clearfloat fl box-s">
            <a href="pro-detail.html">
                <div class="tu fl clearfloat">
                    <img src="upload/2.jpg"/>
                </div>
                <div class="middle clearfloat fl">
                    <p class="tit">XXX夏季女装性感流行</p>
                    <p class="fu-tit">
                        粉红性感流行L尺寸
                    </p>
                    <p class="price clearfloat">
                        <span class="xprice fl">¥299.00</span>
                        <span class="yprice fl">¥308</span>
                        <span class="sjzhuanx fl">手机专享价</span>
                        <span class="shu">×1</span>
                    </p>
                </div>
            </a>
        </div>
        <div class="list clearfloat fl box-s">
            <a href="pro-detail.html">
                <div class="tu fl clearfloat">
                    <img src="upload/2.jpg"/>
                </div>
                <div class="middle clearfloat fl">
                    <p class="tit">XXX夏季女装性感流行</p>
                    <p class="fu-tit">
                        粉红性感流行L尺寸
                    </p>
                    <p class="price clearfloat">
                        <span class="xprice fl">¥299.00</span>
                        <span class="yprice fl">¥308</span>
                        <span class="sjzhuanx fl">手机专享价</span>
                        <span class="shu">×1</span>
                    </p>
                </div>
            </a>
        </div>
        <div class="confirm-total clearfloat box-s">
            <ul>
                <li>合计：<samp>¥</samp><span>598.00</span></li>
                <li>共计2件商品</li>
            </ul>
        </div>
    </div>

    <div class="plist clearfloat data confirm-list box-s contaniner">
        <ul>
            <li class="clearfloat" onClick="toshare()">
                <a href="#">
                    <p class="fl">配送方式</p>
                    <i class="fr iconfont icon-right icon-qianjin"></i>
                </a>
            </li>
            <!--这里是配送方式内容-->
            <div class="am-share">
                <h3 class="am-share-title">配送方式</h3>
                <div class="am-share-sns box-s">
                    <div class="am-list">
                        <div class="addlist clearfloat">
                            <div class="bottom clearfloat box-s">
                                <section class="shopcar clearfloat">
                                    <span class="fl">自提点自提</span>
                                    <div class="shopcar-checkbox fr">
                                        <label for="shopcar" onselectstart="return false"
                                               class="shopcar-checkd"></label>
                                        <input type="checkbox" id="shopcar"/>
                                    </div>
                                </section>
                            </div>
                        </div>
                    </div>
                    <div class="am-list">
                        <div class="addlist clearfloat">
                            <div class="bottom clearfloat box-s">
                                <section class="shopcar clearfloat">
                                    <span class="fl">快递</span>
                                    <div class="shopcar-checkbox fr">
                                        <label for="shopcar" onselectstart="return false"></label>
                                        <input type="checkbox" id="shopcar"/>
                                    </div>
                                </section>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="am-share-footer">
                    <button class="share_btn">关闭</button>
                </div>
            </div>
            <li class="clearfloat">
                <a href="#">
                    <p class="fl">使用会员卡</p>
                    <i class="fr iconfont icon-right icon-qianjin"></i>
                </a>
            </li>
            <li class="clearfloat">
                <a href="#">
                    <p class="fl">使用店铺优惠券</p>
                    <i class="fr iconfont icon-right icon-qianjin"></i>
                </a>
            </li>
            <li class="clearfloat">
                <a href="#">
                    <p class="fl">订单留言</p>
                    <input type="text" class="fr shuru" name="" id="" value="" placeholder="限50字以内"/>
                </a>
            </li>
        </ul>
    </div>

    <div class="clearfloat data confirm-list confirm-listwo box-s">
        <ul>
            <li class="clearfloat">
                <a href="#">
                    <p class="fl">商品件数：</p>
                    <span class="fr">2</span>
                </a>
            </li>
            <li class="clearfloat">
                <a href="#">
                    <p class="fl">总商品金额：</p>
                    <span class="fr">¥598</span>
                </a>
            </li>
            <li class="clearfloat">
                <a href="#">
                    <p class="fl">可获得积分：</p>
                    <span class="fr">78</span>
                </a>
            </li>
            <li class="clearfloat">
                <a href="#">
                    <p class="fl">运费：</p>
                    <span class="fr">¥0.00</span>
                </a>
            </li>
        </ul>
    </div>

</div>

<footer class="page-footer fixed-footer" id="footer">
    <p class="confirm-price fl box-s">
        合计：<span>¥598</span>
    </p>
    <a id="addBtn" href="javascript:;" class="confirm-submit fl">
        提交订单
    </a>
</footer>
</body>
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script src="js/fastclick.js"></script>
<script src="js/mui.min.js"></script>
<script type="text/javascript" src="js/hmt.js"></script>
<script type="text/javascript" src="js/psong.js"></script>
<script type="text/javascript">
    $(".shopcar-checkbox label").on('touchstart', function () {
        if ($(this).hasClass('shopcar-checkd')) {
            $(".shopcar-checkbox label").removeClass("shopcar-checkd")
        } else {
            $(".shopcar-checkbox label").addClass("shopcar-checkd")
        }
    })

    $("#addBtn").click(function () {
        var openid = localStorage.getItem("openid");
        $.ajax({
            type: "post",
            url: "http://www.scorpio-cc.com/wx/order/createOrder",
            data: {"openid": openid},
            dataType: "json",
            success: function (data) {
                if (data.code == 0) {
                    alert("测试");
                    location.href = "submit-order.html?orderNo=" + data.data;
                }
            }
        })
    })
</script>
</html>
